<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
  .clearfix:after{
      display: block;
      content: "";
      clear: both;
  }
  .fl{
      float: left;
  }
  ul li{
      width: 130px;
      height: 40px;
    
      float: left;
      line-height: 40px;
      text-align: center;
      font-size: 10px;
  }
  img{
      width: 30px;
      height: 30px;
  }
ul{
    width: 670px;
    padding-left: 25px;
    

}


    </style>
</head>

<body>
    <ul  class="clearfix">
        <li><img  src="http://5b0988e595225.cdn.sohucs.com/images/20171210/362dcd1c009842ff99b33f5d51bbfb80.jpeg"/></li>
        <li>商品</li>
        <li>单价</li>
        <li>数量</li>
        <li>操作</li>
  </ul>
    <ul  class="clearfix" >
        <li><img  src="http://5b0988e595225.cdn.sohucs.com/images/20171210/362dcd1c009842ff99b33f5d51bbfb80.jpeg" /></li>
        <li>丹基尼印花毛衣</li>
        <li>180.0</li>
        <li>3</li>
        <li>删除</li>
    </ul>
    <ul  class="clearfix" >
        <li><img  src="http://5b0988e595225.cdn.sohucs.com/images/20171210/362dcd1c009842ff99b33f5d51bbfb80.jpeg"/></li>
        <li>预售太平洋女装连衣裙</li>
        <li>180.0</li>
        <li>3</li>
        <li>删除</li>

    </ul>
    <ul  class="clearfix">
        <li><img  src="http://5b0988e595225.cdn.sohucs.com/images/20171210/362dcd1c009842ff99b33f5d51bbfb80.jpeg"/></li>
        <li>丹基尼通勤红色小外套</li>
        <li>180.0</li>
        <li>3</li>
        <li>删除</li>

    </ul>
    <script src="js/jquery.js"></script>
    <script>
        $(function(){
            $('ul>li').css({ 'list-style': 'none'})
           
            $('ul:even').css({'background':'coral'})
        $('ul:odd').css({'background':'darkgoldenrod'})

             $('ul:eq(0)').css({'background':'blue','color':'white'})
          


        })




    </script>


</body>

</html>